*{word-wrap:break-word;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
ul,ol,dl{list-style-type:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size: 10px;}
*,*:before,*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none;}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:1.2rem;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;}
@media ( max-width : 767px) {
html{ overflow-y:auto}
body,th,td,button,input,select,textarea{ font-size:14px}
}
body{line-height:1.6;font-size: 1.4rem;
position:relative}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:2.1rem;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:1.5rem;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
/*清除浮动
Name: style_clearfix
Example: class="clearfix|cl"
Explain: clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.clearfix:after,.layout:after,.container:after,.container-layout:after,.row:after,.div:after,.line-middle:after,.line-big:after,.nav-main:after,.nav-sub:after,.navbar:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden
}
/*响应式栅格系统*/
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
.container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
@media(min-width:760px) {
.container {
width: 750px
}
}
@media(min-width:1000px) {
.container {
width: 1000px
}
}
@media(min-width:1200px) {
.container {
width: 1200px
}
}
@media print{
.container{width:auto}
}
.row{ margin-left:-15px; margin-right:-15px}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.xs1, .sm1, .md1, .lg1, .xs2, .sm2, .md2, .lg2, .xs3, .sm3, .md3, .lg3, .xs4, .sm4, .md4, .lg4, .xs5, .sm5, .md5, .lg5, .xs6, .sm6, .md6, .lg6, .xs7, .sm7, .md7, .lg7, .xs8, .sm8, .md8, .lg8, .xs9, .sm9, .md9, .lg9, .xs10, .sm10, .md10, .lg10, .xs11, .sm11, .md11, .lg11, .xs12, .sm12, .md12, .lg12 {min-height: 1px;position: relative; padding-left:15px; padding-right:15px; box-sizing:border-box;-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in}
.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:25%}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:66.66667%}
.col-9{width:75%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}
.col-0-move{margin-left:0}
.col-1-move{margin-left:8.33333%}
.col-2-move{margin-left:16.66667%}
.col-3-move{margin-left:25%}
.col-4-move{margin-left:33.33333%}
.col-5-move{margin-left:41.66667%}
.col-6-move{margin-left:50%}
.col-7-move{margin-left:58.33333%}
.col-8-move{margin-left:66.66667%}
.col-9-move{margin-left:75%}
.col-10-move{margin-left:83.33333%}
.col-11-move{margin-left:91.66667%}
.col-push-0{position:relative;left:0;right:auto}
.col-pull-0{right:0;left:auto}
.col-push-1{left:8.33333%;right:auto}
.col-pull-1{right:8.33333%;left:auto}
.col-push-2{left:16.66667%;right:auto}
.col-pull-2{right:16.66667%;left:auto}
.col-push-3{left:25%;right:auto}
.col-pull-3{right:25%;left:auto}
.col-push-4{left:33.33333%;right:auto}
.col-pull-4{right:33.33333%;left:auto}
.col-push-5{left:41.66667%;right:auto}
.col-pull-5{right:41.66667%;left:auto}
.col-push-6{left:50%;right:auto}
.col-pull-6{right:50%;left:auto}
.col-push-7{left:58.33333%;right:auto}
.col-pull-7{right:58.33333%;left:auto}
.col-push-8{left:66.66667%;right:auto}
.col-pull-8{right:66.66667%;left:auto}
.col-push-9{left:75%;right:auto}
.col-pull-9{right:75%;left:auto}
.col-push-10{left:83.33333%;right:auto}
.col-pull-10{right:83.33333%;left:auto}
.col-push-11{left:91.66667%;right:auto}
.col-pull-11{right:91.66667%;left:auto}
/*局部模块平分*/
.col-1-1{ width:100%}
.col-2-1{ width:50%}
.col-3-1{ width:33.333333%}
.col-3-2{ width:66.666667%}
.col-4-1{ width:25%}
.col-4-3{ width:75%}
.col-5-1{ width:20%}
.col-5-2{ width:40%}
.col-5-3{ width:60%}
.col-5-4{ width:80%}
.col-6-1{ width:16.666667%}
.col-6-5{ width:83.333333%}
.xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12 {float: left}
.xs12 {width: 100%}
.xs11 {width: 91.66666667%}
.xs10 {width: 83.33333333%}
.xs9 {width: 75%}
.xs8 {width: 66.66666667%}
.xs7 {width: 58.33333333%}
.xs6 {width: 50%}
.xs5 {width: 41.66666667%}
.xs4 {width: 33.33333333%}
.xs3 {width: 25%}
.xs2 {width: 16.66666667%}
.xs1 {width: 8.33333333%}
.xspull-12 {right: 100%}
.xspull-11 {right: 91.66666667%}
.xspull-10 {right: 83.33333333%}
.xspull-9 {right: 75%}
.xspull-8 {right: 66.66666667%}
.xspull-7 {right: 58.33333333%}
.xspull-6 {right: 50%}
.xspull-5 {right: 41.66666667%}
.xspull-4 {right: 33.33333333%}
.xspull-3 {right: 25%}
.xspull-2 {right: 16.66666667%}
.xspull-1 {right: 8.33333333%}
.xspull-0 {right: auto}
.xspush-12 {left: 100%}
.xspush-11 {left: 91.66666667%}
.xspush-10 {left: 83.33333333%}
.xspush-9 {left: 75%}
.xspush-8 {left: 66.66666667%}
.xspush-7 {left: 58.33333333%}
.xspush-6 {left: 50%}
.xspush-5 {left: 41.66666667%}
.xspush-4 {left: 33.33333333%}
.xspush-3 {left: 25%}
.xspush-2 {left: 16.66666667%}
.xspush-1 {left: 8.33333333%}
.xspush-0 {left: auto}
.xs12-move {margin-left: 100%}
.xs11-move {margin-left: 91.66666667%}
.xs10-move {margin-left: 83.33333333%}
.xs9-move {margin-left: 75%}
.xs8-move {margin-left: 66.66666667%}
.xs7-move {margin-left: 58.33333333%}
.xs6-move {margin-left: 50%}
.xs5-move {margin-left: 41.66666667%}
.xs4-move {margin-left: 33.33333333%}
.xs3-move {margin-left: 25%}
.xs2-move {margin-left: 16.66666667%}
.xs1-move {margin-left: 8.33333333%}
.xs0-move {margin-left: 0}
@media (max-width:767px){
.responsive [class^="col-"],.responsive [class*=" col-"]{float:none!important;width:auto!important}
.responsive [class^="col-offset-"],.responsive [class*=" col-offset-"]{ margin-left:0!important}
}
@media(min-width:768px){
.sm1,.sm10,.sm11,.sm12,.sm2,.sm3,.sm4,.sm5,.sm6,.sm7,.sm8,.sm9{float:left}
.sm12{width:100%}
.sm11{width:91.66666666666666%}
.sm10{width:83.33333333333334%}
.sm9{width:75%}
.sm8{width:66.66666666666666%}
.sm7{width:58.333333333333336%}
.sm6{width:50%}
.sm5{width:41.66666666666667%}
.sm4{width:33.33333333333333%}
.sm3{width:25%}
.sm2{width:16.666666666666664%}
.sm1{width:8.333333333333332%}
.smpull-12{right:100%}
.smpull-11{right:91.66666666666666%}
.smpull-10{right:83.33333333333334%}
.smpull-9{right:75%}
.smpull-8{right:66.66666666666666%}
.smpull-7{right:58.333333333333336%}
.smpull-6{right:50%}
.smpull-5{right:41.66666666666667%}
.smpull-4{right:33.33333333333333%}
.smpull-3{right:25%}
.smpull-2{right:16.666666666666664%}
.smpull-1{right:8.333333333333332%}
.smpull-0{right:0}
.smpush-12{left:100%}
.smpush-11{left:91.66666666666666%}
.smpush-10{left:83.33333333333334%}
.smpush-9{left:75%}
.smpush-8{left:66.66666666666666%}
.smpush-7{left:58.333333333333336%}
.smpush-6{left:50%}
.smpush-5{left:41.66666666666667%}
.smpush-4{left:33.33333333333333%}
.smpush-3{left:25%}
.smpush-2{left:16.666666666666664%}
.smpush-1{left:8.333333333333332%}
.smpush-0{left:0}
.sm12-move{margin-left:100%}
.sm11-move{margin-left:91.66666666666666%}
.sm10-move{margin-left:83.33333333333334%}
.sm9-move{margin-left:75%}
.sm8-move{margin-left:66.66666666666666%}
.sm7-move{margin-left:58.333333333333336%}
.sm6-move{margin-left:50%}
.sm5-move{margin-left:41.66666666666667%}
.sm4-move{margin-left:33.33333333333333%}
.sm3-move{margin-left:25%}
.sm2-move{margin-left:16.666666666666664%}
.sm1-move{margin-left:8.333333333333332%}
.sm0-move{margin-left:0}
}
@media(min-width:992px){
.md1,.md10,.md11,.md12,.md2,.md3,.md4,.md5,.md6,.md7,.md8,.md9{float:left}
.md12{width:100%}
.md11{width:91.66666666666666%}
.md10{width:83.33333333333334%}
.md9{width:75%}
.md8{width:66.66666666666666%}
.md7{width:58.333333333333336%}
.md6{width:50%}
.md5{width:41.66666666666667%}
.md4{width:33.33333333333333%}
.md3{width:25%}
.md2{width:16.666666666666664%}
.md1{width:8.333333333333332%}
.mdpull-12{right:100%}
.mdpull-11{right:91.66666666666666%}
.mdpull-10{right:83.33333333333334%}
.mdpull-9{right:75%}
.mdpull-8{right:66.66666666666666%}
.mdpull-7{right:58.333333333333336%}
.mdpull-6{right:50%}
.mdpull-5{right:41.66666666666667%}
.mdpull-4{right:33.33333333333333%}
.mdpull-3{right:25%}
.mdpull-2{right:16.666666666666664%}
.mdpull-1{right:8.333333333333332%}
.mdpull-0{right:0}
.mdpush-12{left:100%}
.mdpush-11{left:91.66666666666666%}
.mdpush-10{left:83.33333333333334%}
.mdpush-9{left:75%}
.mdpush-8{left:66.66666666666666%}
.mdpush-7{left:58.333333333333336%}
.mdpush-6{left:50%}
.mdpush-5{left:41.66666666666667%}
.mdpush-4{left:33.33333333333333%}
.mdpush-3{left:25%}
.mdpush-2{left:16.666666666666664%}
.mdpush-1{left:8.333333333333332%}
.mdpush-0{left:0}
.md12-move{margin-left:100%}
.md11-move{margin-left:91.66666666666666%}
.md10-move{margin-left:83.33333333333334%}
.md9-move{margin-left:75%}
.md8-move{margin-left:66.66666666666666%}
.md7-move{margin-left:58.333333333333336%}
.md6-move{margin-left:50%}
.md5-move{margin-left:41.66666666666667%}
.md4-move{margin-left:33.33333333333333%}
.md3-move{margin-left:25%}
.md2-move{margin-left:16.666666666666664%}
.md1-move{margin-left:8.333333333333332%}
.md0-move{margin-left:0}
}
@media(min-width:1200px){
.lg1,.lg10,.lg11,.lg12,.lg2,.lg3,.lg4,.lg5,.lg6,.lg7,.lg8,.lg9{float:left}
.lg12{width:100%}
.lg11{width:91.66666666666666%}
.lg10{width:83.33333333333334%}
.lg9{width:75%}
.lg8{width:66.66666666666666%}
.lg7{width:58.333333333333336%}
.lg6{width:50%}
.lg5{width:41.66666666666667%}
.lg4{width:33.33333333333333%}
.lg3{width:25%}
.lg2{width:16.666666666666664%}
.lg1{width:8.333333333333332%}
.lgpull-12{right:100%}
.lgpull-11{right:91.66666666666666%}
.lgpull-10{right:83.33333333333334%}
.lgpull-9{right:75%}
.lgpull-8{right:66.66666666666666%}
.lgpull-7{right:58.333333333333336%}
.lgpull-6{right:50%}
.lgpull-5{right:41.66666666666667%}
.lgpull-4{right:33.33333333333333%}
.lgpull-3{right:25%}
.lgpull-2{right:16.666666666666664%}
.lgpull-1{right:8.333333333333332%}
.lgpull-0{right:0}
.lgpush-12{left:100%}
.lgpush-11{left:91.66666666666666%}
.lgpush-10{left:83.33333333333334%}
.lgpush-9{left:75%}
.lgpush-8{left:66.66666666666666%}
.lgpush-7{left:58.333333333333336%}
.lgpush-6{left:50%}
.lgpush-5{left:41.66666666666667%}
.lgpush-4{left:33.33333333333333%}
.lgpush-3{left:25%}
.lgpush-2{left:16.666666666666664%}
.lgpush-1{left:8.333333333333332%}
.lgpush-0{left:0}
.lg1-move2{margin-left:100%}
.lg11-move{margin-left:91.66666666666666%}
.lg10-move{margin-left:83.33333333333334%}
.lg9-move{margin-left:75%}
.lg8-move{margin-left:66.66666666666666%}
.lg7-move{margin-left:58.333333333333336%}
.lg6-move{margin-left:50%}
.lg5-move{margin-left:41.66666666666667%}
.lg4-move{margin-left:33.33333333333333%}
.lg3-move{margin-left:25%}
.lg2-move{margin-left:16.666666666666664%}
.lg1-move{margin-left:8.333333333333332%}
.lg0-move{margin-left:0}
}
/*响应式隐藏显示*/
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important}
@media ( max-width : 767px) {
.visible-xs {display: block !important}
.hidden-xs {display: none !important}
.visible-xs-block {display: block !important}
.visible-xs-inline {display: inline !important}
.visible-xs-inline-block {display: inline-block !important}
}
@media ( min-width : 768px) and (max-width: 991px) {
.visible-sm {display: block !important}
.hidden-sm {display: none !important}
.visible-sm-block {display: block !important}
.visible-sm-inline {display: inline !important}
.visible-sm-inline-block {display: inline-block !important}
}
@media ( min-width : 992px) and (max-width: 1199px) {
.visible-md {display: block !important}
.hidden-md {display: none !important}
.visible-md-block {display: block !important}
.visible-md-inline {display: inline !important}
.visible-md-inline-block {display: inline-block !important}
}
@media ( min-width : 1200px) {
.visible-lg {display: block !important}
.hidden-lg {display: none !important}
.visible-lg-block {display: block !important}
.visible-lg-inline {display: inline !important}
.visible-lg-inline-block {display: inline-block !important}
}
/*基础样式--标题
Example：
h1. 大标题小标题
h2. 大标题小标题
h3. 大标题小标题
h4. 大标题小标题
h5. 大标题小标题
h6. 大标题小标题
*/
h1,h2,h3,h4,h5,h6{font-weight:blod;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight:400;line-height:1;color:#999}
h1,h2,h3{padding-top:10px;padding-bottom:10px}
h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}
h1{font-size:2.8rem}
h2{font-size:2.4rem}
h3{font-size:1.8rem}
h4{font-size:1.8rem}
h5{font-size:1.4rem}
h6{font-size:1.2rem}
/*文字对齐
Explain:
.ta-水平对齐 （.ta-l左对齐|.ta-r右对齐|.ta-c居中对齐）
.va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）*/
.ta-l{text-align:left}
.ta-r{text-align:right}
.ta-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{vertical-align:top!important}
.va-m{vertical-align:middle!important}
.va-b{vertical-align:bottom!important}
/*定位
Name：style_position
Example： class="pos-r|pos-a|pos-f"
Explain：.pos-r 相对定位|.pos-a 绝对定位|.pos-f 固定*/
.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}
.dis-f{display: flex;}
/* 浮动
Name: style_float
Example: class="f-l|f-r"
Explain: .f-l 左浮动|.f-r 右浮动
*/
.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
[class*="span"].f-r{float:right}
/* 文字单行溢出省略号
Name: style_text-overflow
Example: class="text-overflow"
*/
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*3.1.7 线条
Name: style_line
Example: class="line"
*/
.line{font-size:0; line-height:0; border-top: solid 1px #eee; float: none}
/* 外边距
Name: style_margin
Example: class="mt-5|mt-10..."
Explain: .mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
.mg-20{margin:20px;}
.mg-auto{margin: auto;}
/* 内填充
Name: style_padding
Example: class="pt-5|pt-10|……"
Explain: .pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}
.pl-5{padding-left:15px}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}
/* 边框，css3圆角
Name: style-border
Example: class="bk_gray radius"
Explain: .bk_gray 边框|radius 圆角|round 椭圆 | circle 圆形
*/
.bk-gray{border:solid 1px #eee}
.radius{border-radius:4px}
.radius-s{ border-radius:3px}
.radius-l{ border-radius:5px}
.radius-xl{ border-radius:6px}
.round{border-radius:50%; overflow:hidden}
/* 行内分割竖线
Name: style_pipe
Example: |
*/
.pipe{margin:0 5px;color:#CCC;font-size:1rem!important}
/* 文字行距
Name: mod_line-height
Example: class="lh-16|lh-18|lh-20|lh-22|lh-24|lh-26|lh-28|lh-30"
Explain: 16px行高|18px行高|20px行高|22px行高|24px行高|26px行高|30px行高
*/
p{line-height: 24px}
.lh-16{line-height:16px}
.lh-18{line-height:18px}
.lh-20{line-height:20px}
.lh-22{line-height:22px}
.lh-24{line-height:24px}
.lh-26{line-height:26px}
.lh-28{line-height:28px}
.lh-30{line-height:30px}
.lh-35{line-height:35px}
/* 缩略语
Example: UI
Explain:
*/
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}
abbr.initialism{font-size:90%;text-transform:uppercase}
/* 地址
Example: 北京市海淀区上地……
Explain:
*/
address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}
/* 引用
Example: 这是引用的内容
Explain:
*/
blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}
blockquote p{margin-bottom:0;font-size:1.75rem;font-weight:300;line-height:1.25}
blockquote small{display:block;line-height:20px;color:#999}
blockquote small:before{content:'\2014 \00A0'}
blockquote.text-r{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}
blockquote.text-r p,blockquote.text-r small{text-align:right}
blockquote.text-r small:before{content:''}
blockquote.text-r small:after{content:'\00A0 \2014'}
q:before,q:after,blockquote:before,blockquote:after{content:""}
q {/*短的引用*/quotes: "\201C" "\201D" "\2018" "\2019"}
/* 内容样式
Name: style_content
Example:
Explain: 内容样式
*/
.content{position:relative;font-size:1.6rem;line-height:1.8;overflow:hidden;text-align:left;word-break: break-all;word-wrap: break-word}
.content h3{font-size:1.8rem}
.content h4{font-size:1.6rem}
.content p{margin: 0.71rem 0;text-indent:2em;word-break:break-all}
.content ul{text-indent:2em}
@media (max-width: 1025px) {
.content{ font-size:1.6rem}
}
@media (max-width: 480px) {
.content img{max-width:100%!important; height:auto!important;width:expression(this.width > 320 ? "320px" : this.width)!important}
*html .content img{width:expression(this.width>320&&this.width>this.height?320:auto)}
}
/*隐藏 显示
Name: style_display
Example: 隐藏的内容
显示的内容
Explain: .hide 隐藏 / .show 显示
*/
.hide{display:none!important;visibility:hidden!important}
.show{display:block}
/*
/*3.4 表单
Name: style_form
Example:
Explain:
*/
/*3.4.1 input,textarea 文本域 文本区域*/
/*默认状态*/
.input-text,.textarea{box-sizing:border-box;border:solid 1px #ddd;width:100%;
-webkit-transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;
transition:all 0.2s linear 0s}
.textarea{ height:100px; resize:none; font-size:14px; padding:4px}
.textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0}
.textarea-length{ font-style:normal}
.input-text:hover,.select:hover,
.textarea:hover{border: solid 1px #3bb4f2}
/*得到焦点后*/
.input-text.focus,
.textarea.focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
/*不可点击*/
.input-text.disabled
,.textarea.disabled,
.input-text.disabled.focus,
.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;
-webkit-box-shadow:inset 0 2px 2px #e8e7e7;
-moz-box-shadow:inset 0 2px 2px #e8e7e7;
box-shadow:inset 0 2px 2px #e8e7e7}
/*只读状态*/
.input-text.disabled,
.textarea.disabled{background-color:#e6e6e6; cursor:default}
/*阴影*/
.input-text.box-shadow,
.textarea.box-shadow{-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
/*行内元素*/
.input-text.inline{ display:inline-block; width:auto}
/*3.4.2 checkbox radio 单选 多选
Example:
Explain:
*/
input[type="radio"],input[type="checkbox"] {line-height: normal; margin-top:-4px}
.check-box,.radio-box{ display:inline-block; box-sizing:border-box; cursor:pointer; position:relative; padding-left:30px; padding-right:20px}
.icheckbox,
.icheckbox-red,
.icheckbox-green,
.icheckbox-blue,
.icheckbox-aero,
.icheckbox-grey,
.icheckbox-orange,
.icheckbox-yellow,
.icheckbox-pink,
.icheckbox-purple,
.iradio,
.iradio-red,
.iradio-green,
.iradio-blue,
.iradio-aero,
.iradio-grey,
.iradio-orange,
.iradio-yellow,
.iradio-pink,
.iradio-purple {position: absolute;top:4px;left: 0}
@media (max-width: 767px) {
.responsive .check-box,
.responsive .radio-box{ display:block}
}
/*3.4.2.1 jQuery.icheck.css*/
/* iCheck.js Minimal skin
----------------------------------- */
.icheckbox,.iradio{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/minimal.png) no-repeat;border: none;cursor: pointer}
.icheckbox,.icheckbox.static:hover{background-position: 0 0}
.icheckbox.hover,.icheckbox:hover{background-position: -20px 0}
.icheckbox.checked{background-position: -40px 0}
.icheckbox.disabled{background-position: -60px 0;cursor: default}
.icheckbox.checked.disabled{background-position: -80px 0}
.iradio,.iradio.static:hover{background-position: -100px 0}
.iradio.hover,.iradio:hover{background-position: -120px 0}
.iradio.checked{background-position: -140px 0}
.iradio.disabled{background-position: -160px 0;cursor: default}
.iradio.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox,.iradio{background-image: url(../images/minimal@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* red */
.icheckbox-red,.iradio-red{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/red.png) no-repeat;border: none;cursor: pointer}
.icheckbox-red,.icheckbox-red.static:hover{background-position: 0 0}
.icheckbox-red.hover,.icheckbox-red:hover{background-position: -20px 0}
.icheckbox-red.checked{background-position: -40px 0}
.icheckbox-red.disabled{background-position: -60px 0;cursor: default}
.icheckbox-red.checked.disabled{background-position: -80px 0}
.iradio-red,.iradio-red.static:hover{background-position: -100px 0}
.iradio-red.hover,.iradio-red:hover{background-position: -120px 0}
.iradio-red.checked{background-position: -140px 0}
.iradio-red.disabled{background-position: -160px 0;cursor: default}
.iradio-red.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-red,.iradio-red{background-image: url(../images/red@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* green */
.icheckbox-green,.iradio-green{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/green.png) no-repeat;border: none;cursor: pointer}
.icheckbox-green,.icheckbox-green.static:hover{background-position: 0 0}
.icheckbox-green.hover,.icheckbox-green:hover{background-position: -20px 0}
.icheckbox-green.checked{background-position: -40px 0}
.icheckbox-green.disabled{background-position: -60px 0;cursor: default}
.icheckbox-green.checked.disabled{background-position: -80px 0}
.iradio-green,.iradio-green.static:hover{background-position: -100px 0}
.iradio-green.hover,.iradio-green:hover{background-position: -120px 0}
.iradio-green.checked{background-position: -140px 0}
.iradio-green.disabled{background-position: -160px 0;cursor: default}
.iradio-green.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-green,.iradio-green{background-image: url(../images/green@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* blue */
.icheckbox-blue,.iradio-blue{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/blue.png) no-repeat;border: none;cursor: pointer}
.icheckbox-blue,.icheckbox-blue.static:hover{background-position: 0 0}
.icheckbox-blue.hover,.icheckbox-blue:hover{background-position: -20px 0}
.icheckbox-blue.checked{background-position: -40px 0}
.icheckbox-blue.disabled{background-position: -60px 0;cursor: default}
.icheckbox-blue.checked.disabled{background-position: -80px 0}
.iradio-blue,.iradio-blue.static:hover{background-position: -100px 0}
.iradio-blue.hover,.iradio-blue:hover{background-position: -120px 0}
.iradio-blue.checked{background-position: -140px 0}
.iradio-blue.disabled{background-position: -160px 0;cursor: default}
.iradio-blue.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-blue,.iradio-blue{background-image: url(../images/blue@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* aero */
.icheckbox-aero,.iradio-aero{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/aero.png) no-repeat;border: none;cursor: pointer}
.icheckbox-aero,.icheckbox-aero.static:hover{background-position: 0 0}
.icheckbox-aero.hover,.icheckbox-aero:hover{background-position: -20px 0}
.icheckbox-aero.checked{background-position: -40px 0}
.icheckbox-aero.disabled{background-position: -60px 0;cursor: default}
.icheckbox-aero.checked.disabled{background-position: -80px 0}
.iradio-aero,.iradio-aero.static:hover{background-position: -100px 0}
.iradio-aero.hover,.iradio-aero:hover{background-position: -120px 0}
.iradio-aero.checked{background-position: -140px 0}
.iradio-aero.disabled{background-position: -160px 0;cursor: default}
.iradio-aero.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-aero,.iradio-aero{background-image: url(../images/aero@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* grey */
.icheckbox-grey,.iradio-grey{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/grey.png) no-repeat;border: none;cursor: pointer}
.icheckbox-grey,.icheckbox-grey.static:hover{background-position: 0 0}
.icheckbox-grey.hover,.icheckbox-grey:hover{background-position: -20px 0}
.icheckbox-grey.checked{background-position: -40px 0}
.icheckbox-grey.disabled{background-position: -60px 0;cursor: default}
.icheckbox-grey.checked.disabled{background-position: -80px 0}
.iradio-grey,.iradio-grey.static:hover{background-position: -100px 0}
.iradio-grey.hover,.iradio-grey:hover{background-position: -120px 0}
.iradio-grey.checked{background-position: -140px 0}
.iradio-grey.disabled{background-position: -160px 0;cursor: default}
.iradio-grey.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-grey,.iradio-grey{background-image: url(../images/grey@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* orange */
.icheckbox-orange,.iradio-orange{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/orange.png) no-repeat;border: none;cursor: pointer}
.icheckbox-orange,.icheckbox-orange.static:hover{background-position: 0 0}
.icheckbox-orange.hover,.icheckbox-orange:hover{background-position: -20px 0}
.icheckbox-orange.checked{background-position: -40px 0}
.icheckbox-orange.disabled{background-position: -60px 0;cursor: default}
.icheckbox-orange.checked.disabled{background-position: -80px 0}
.iradio-orange,.iradio-orange.static:hover{background-position: -100px 0}
.iradio-orange.hover,.iradio-orange:hover{background-position: -120px 0}
.iradio-orange.checked{background-position: -140px 0}
.iradio-orange.disabled{background-position: -160px 0;cursor: default}
.iradio-orange.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-orange,.iradio-orange{background-image: url(../images/orange@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* yellow */
.icheckbox-yellow,.iradio-yellow{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/yellow.png) no-repeat;border: none;cursor: pointer}
.icheckbox-yellow,.icheckbox-yellow.static:hover{background-position: 0 0}
.icheckbox-yellow.hover,.icheckbox-yellow:hover{background-position: -20px 0}
.icheckbox-yellow.checked{background-position: -40px 0}
.icheckbox-yellow.disabled{background-position: -60px 0;cursor: default}
.icheckbox-yellow.checked.disabled{background-position: -80px 0}
.iradio-yellow,.iradio-yellow.static:hover{background-position: -100px 0}
.iradio-yellow.hover,.iradio-yellow:hover{background-position: -120px 0}
.iradio-yellow.checked{background-position: -140px 0}
.iradio-yellow.disabled{background-position: -160px 0;cursor: default}
.iradio-yellow.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-yellow,.iradio-yellow{background-image: url(../images/yellow@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* pink */
.icheckbox-pink,.iradio-pink{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/pink.png) no-repeat;border: none;cursor: pointer}
.icheckbox-pink,.icheckbox-pink.static:hover{background-position: 0 0}
.icheckbox-pink.hover,.icheckbox-pink:hover{background-position: -20px 0}
.icheckbox-pink.checked{background-position: -40px 0}
.icheckbox-pink.disabled{background-position: -60px 0;cursor: default}
.icheckbox-pink.checked.disabled{background-position: -80px 0}
.iradio-pink,.iradio-pink.static:hover{background-position: -100px 0}
.iradio-pink.hover,.iradio-pink:hover{background-position: -120px 0}
.iradio-pink.checked{background-position: -140px 0}
.iradio-pink.disabled{background-position: -160px 0;cursor: default}
.iradio-pink.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-pink,.iradio-pink{background-image: url(../images/pink@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/* purple */
.icheckbox-purple,.iradio-purple{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/purple.png) no-repeat;border: none;cursor: pointer}
.icheckbox-purple,.icheckbox-purple.static:hover{background-position: 0 0}
.icheckbox-purple.hover,.icheckbox-purple:hover{background-position: -20px 0}
.icheckbox-purple.checked{background-position: -40px 0}
.icheckbox-purple.disabled{background-position: -60px 0;cursor: default}
.icheckbox-purple.checked.disabled{background-position: -80px 0}
.iradio-purple,.iradio-purple.static:hover{background-position: -100px 0}
.iradio-purple.hover,.iradio-purple:hover{background-position: -120px 0}
.iradio-purple.checked{background-position: -140px 0}
.iradio-purple.disabled{background-position: -160px 0;cursor: default}
.iradio-purple.checked.disabled{background-position: -180px 0}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.icheckbox-purple,.iradio-purple{background-image: url(../images/purple@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px}
}
/*3.4.2.2 Bootsrtap.Switch.css*/
.has-switch{display:inline-block;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);position:relative;text-align:left;overflow:hidden;line-height:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;min-width:100px}
.has-switch.size-MINI{min-width:72px}
.has-switch.size-S{min-width:80px}
.has-switch.size-L{min-width:120px}
.has-switch.deactivate{opacity:.5;filter:alpha(opacity=50);cursor:default!important}
.has-switch.deactivate label,
.has-switch.deactivate span{cursor:default!important}
.has-switch>div{display:inline-block;width:150%;position:relative;top:0}
.has-switch>div.switch-animate{-webkit-transition:left .5s;-moz-transition:left .5s;-o-transition:left .5s;transition:left .5s}
.has-switch>div.switch-off{left:-50%}
.has-switch>div.switch-on{left:0}
.has-switch input[type=checkbox]{display:none}
.has-switch span,.has-switch label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;position:relative;display:inline-block;padding-bottom:4px;padding-top:4px;font-size:14px;line-height:20px}
.has-switch span.size-MINI,.has-switch label.size-MINI{padding-bottom:4px;padding-top:4px;font-size:10px;line-height:9px}
.has-switch span.size-S,
.has-switch label.size-S{padding-bottom:3px;padding-top:3px;font-size:12px;line-height:18px}
.has-switch span.size-L,.has-switch label.size-L{padding-bottom:9px;padding-top:9px;font-size:16px;line-height:normal}
.has-switch label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;width:34%;border-left:1px solid #ccc;border-right:1px solid #ccc;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#f5f5f5;
background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
background-image:-o-linear-gradient(top,#fff,#e6e6e6);
background-image:linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#e6e6e6;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.has-switch label:hover,
.has-switch label:focus,
.has-switch label:active,
.has-switch label.active,
.has-switch label.disabled,
.has-switch label[disabled]{color:#fff;background-color:#e6e6e6;*background-color:#d9d9d9}
.has-switch label:active,
.has-switch label.active{background-color:#ccc \9}
.has-switch label i{color:#000;text-shadow:0 1px 0 #fff;line-height:18px;pointer-events:none}
.has-switch span{text-align:center;z-index:1;width:33%}
.has-switch span.switch-left{
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-left-radius:4px
}
.has-switch span.switch-right{color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f0f0f0;
background-image:-moz-linear-gradient(top,#e6e6e6,#fff);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#e6e6e6),to(#fff));
background-image:-webkit-linear-gradient(top,#e6e6e6,#fff);
background-image:-o-linear-gradient(top,#e6e6e6,#fff);
background-image:linear-gradient(to bottom,#e6e6e6,#fff);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6',endColorstr='#ffffffff',GradientType=0);
border-color:#fff #fff #d9d9d9;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.has-switch span.switch-right:hover,
.has-switch span.switch-right:focus,
.has-switch span.switch-right:active,
.has-switch span.switch-right.active,
.has-switch span.switch-right.disabled,
.has-switch span.switch-right[disabled]{color:#333;background-color:#fff;*background-color:#f2f2f2}
.has-switch span.switch-right:active,
.has-switch span.switch-right.active{background-color:#e6e6e6 \9}
.has-switch span.switch-primary,
.has-switch span.switch-left{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#005fcc;
background-image:-moz-linear-gradient(top,#04c,#08c);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#04c),to(#08c));
background-image:-webkit-linear-gradient(top,#04c,#08c);
background-image:-o-linear-gradient(top,#04c,#08c);
background-image:linear-gradient(to bottom,#04c,#08c);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc',endColorstr='#ff0088cc',GradientType=0);
border-color:#08c #08c #005580;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#08c;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.has-switch span.switch-primary:hover,
.has-switch span.switch-left:hover,
.has-switch span.switch-primary:focus,
.has-switch span.switch-left:focus,
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active,
.has-switch span.switch-primary.disabled,
.has-switch span.switch-left.disabled,
.has-switch span.switch-primary[disabled],
.has-switch span.switch-left[disabled]{color:#fff;background-color:#08c;*background-color:#0077b3}
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active{background-color:#069 \9}
.has-switch span.switch-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#41a7c5;
background-image:-moz-linear-gradient(top,#2f96b4,#5bc0de);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#2f96b4),to(#5bc0de));
background-image:-webkit-linear-gradient(top,#2f96b4,#5bc0de);
background-image:-o-linear-gradient(top,#2f96b4,#5bc0de);
background-image:linear-gradient(to bottom,#2f96b4,#5bc0de);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4',endColorstr='#ff5bc0de',GradientType=0);
border-color:#5bc0de #5bc0de #28a1c5;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#5bc0de;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.has-switch span.switch-info:hover,
.has-switch span.switch-info:focus,
.has-switch span.switch-info:active,
.has-switch span.switch-info.active,
.has-switch span.switch-info.disabled,
.has-switch span.switch-info[disabled]{color:#fff;background-color:#5bc0de;*background-color:#46b8da}
.has-switch span.switch-info:active,
.has-switch span.switch-info.active{background-color:#31b0d5 \9}
.has-switch span.switch-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#58b058;
background-image:-moz-linear-gradient(top,#51a351,#62c462);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#51a351),to(#62c462));
background-image:-webkit-linear-gradient(top,#51a351,#62c462);
background-image:-o-linear-gradient(top,#51a351,#62c462);
background-image:linear-gradient(to bottom,#51a351,#62c462);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351',endColorstr='#ff62c462',GradientType=0);
border-color:#62c462 #62c462 #3b9e3b;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#62c462;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.has-switch span.switch-success:hover,
.has-switch span.switch-success:focus,
.has-switch span.switch-success:active,
.has-switch span.switch-success.active,
.has-switch span.switch-success.disabled,
.has-switch span.switch-success[disabled]{color:#fff;background-color:#62c462;*background-color:#4fbd4f}
.has-switch span.switch-success:active,
.has-switch span.switch-success.active{background-color:#42b142 \9}
.has-switch span.switch-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#f9a123;
background-image:-moz-linear-gradient(top,#f89406,#fbb450);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#f89406),to(#fbb450));
background-image:-webkit-linear-gradient(top,#f89406,#fbb450);
background-image:-o-linear-gradient(top,#f89406,#fbb450);
background-image:linear-gradient(to bottom,#f89406,#fbb450);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406',endColorstr='#fffbb450',GradientType=0);
border-color:#fbb450 #fbb450 #f89406;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#fbb450;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.has-switch span.switch-warning:hover,
.has-switch span.switch-warning:focus,
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active,
.has-switch span.switch-warning.disabled,
.has-switch span.switch-warning[disabled]{color:#fff;background-color:#fbb450;*background-color:#faa937}
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active{background-color:#fa9f1e \9}
.has-switch span.switch-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#d14641;
background-image:-moz-linear-gradient(top,#bd362f,#ee5f5b);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#bd362f),to(#ee5f5b));
background-image:-webkit-linear-gradient(top,#bd362f,#ee5f5b);
background-image:-o-linear-gradient(top,#bd362f,#ee5f5b);
background-image:linear-gradient(to bottom,#bd362f,#ee5f5b);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f',endColorstr='#ffee5f5b',GradientType=0);
border-color:#ee5f5b #ee5f5b #e51d18;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#ee5f5b;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)
}
.has-switch span.switch-danger:hover,
.has-switch span.switch-danger:focus,
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active,
.has-switch span.switch-danger.disabled,
.has-switch span.switch-danger[disabled]{color:#fff;background-color:#ee5f5b;*background-color:#ec4844}
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active{background-color:#e9322d \9}
/*3.4.3 select 下拉框
Explain:
select 是表单元素中最难美化的一个，有两种美化方式：
1、修改源生的，修改有限，只能修改个边框，背景，字体。优点：程序方便操作；缺点：丑，浏览器之间存在很大差异。
2、将源生的隐藏掉，用其他元素（如div li）通过js模拟下拉交互，然后再传值给源生的select。优点：好看，兼容好；缺点：代码冗余，依赖JS，不方便操作
*/
/*方法一、修改源生*/
/* .select-box{border:solid 1px #ddd;box-sizing:border-box;vertical-align:middle; width:100%; display:inline-block;background:#fff} */
.select{font-size: 14px;
padding: 4px;
border: solid 1px #ddd;
width: 50%;
height: 31px;
line-height: 20px;
display: block;
float:left;
/* -webkit-appearance: none; */
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
/* .select-box .select{ border:none} */
/* .select-box.inline, */
/* .select-box.inline .select{ width:auto} */
/* .select-box, */
/* .select-box.size-M{padding:2px 3px} */
/* .select,.size-M .select{font-size: 14px} */
/* .select-box.size-MINI{padding:0px 5px} */
/* .size-MINI .select{font-size: 12px} */
/* .select-box.size-S{padding:3px 5px} */
/* .size-S .select{font-size: 12px} */
/* .select-box.size-L{padding:8px 5px} */
/* .size-L .select{font-size: 16px} */
/* .select-box.size-XL{padding:10px 5px} */
/* .size-XL .select{font-size: 18px} */
@media (max-width: 767px) {
.responsive .select-box{ border:none}
.responsive .select-box .select,
.responsive .select{border:solid 1px #ddd; padding:10px;font-size:16px}
.responsive .select-box,
.responsive .select-box.size-M,
.responsive .select-box.size-MINI,
.responsive .select-box.size-S,
.responsive .select-box.size-L,
.responsive .select-box.size-XL{ height:auto; padding:0}
}
/*方法二、JS模拟
需要引用2个js文件
页面调用方法
*/
.select-wrapper {position:relative; display:inline-block;font-size:14px;cursor:default}
.select-default{zoom: 1;display:block; padding-left:10px; padding-right:30px;background-color:#fff;border:solid 1px #d0d0d0;height:34px;line-height:34px}
.jsselect.radius{ overflow:visible}
.jsselect.radius .select-default{ border-radius:4px}
.jsselect.radius .select-list{border-radius:4px;border-top-left-radius:0;border-top-right-radius:0}
.select-icon {position: absolute;height:8px;width:12px;right:10px;top:50%; margin-top:-4px;background: url(../images/iconpic-arrow-down2.png) no-repeat center}
.unselectable {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none}
.select-list {position:absolute;left:0; right:0;top:100%;z-index:1;line-height:34px;max-height:320px; overflow:auto;background-color:#fff;background-clip: padding-box;
_height:expression(this.scrollHeight > 319 ? "320px" : "auto");
-moz-box-shadow:0 1px 2px rgba(0, 1, 1, 0.2);
-webkit-box-shadow:0 1px 2px rgba(0, 1, 1, 0.2);
box-shadow:0 1px 2px rgba(0, 1, 1, 0.2);
box-sizing:border-box;
border:solid 1px #d0d0d0}
.select-item {margin: 0;padding: 0}
.select-option {background:#fff;line-height:34px;text-align:left;white-space:nowrap; cursor:pointer; border-bottom:1px solid #f2f2f2; padding:0 10px}
.select-item .selected {background-color:#148cf1;color:#fff}
/*3.4.4 input-file 文件上传
Example:
浏览文件
Explain：把文件选择域设为透明,通过绝对定位覆盖在长的好看的按钮上面。
*/
.btn-upload{position: relative; display:inline-block;height:31px; *display:inline;overflow:hidden;vertical-align:middle;cursor:pointer}
.upload-url{cursor: pointer; width:300px}
.input-file{position:absolute; right:0; top:0; cursor: pointer; z-index:1; font-size:30em;opacity:0;filter: alpha(opacity=0)}
.form-group .upload-btn{ margin-left:-1px}
.btn-upload .icon-add,.btn-upload .icon-minus{cursor: pointer;display: inline-block;font-family: Arial;font-size: 30px;height: 31px;line-height: 31px;text-align: center;vertical-align: middle;width: 36px}
@media (max-width: 767px) {
.upload-btn{ display:none}
.upload-url{ display:none}
}
/*数字表单*/
.numberControlBox{display:inline-block;overflow:hidden;vertical-align: middle}
.ncb-up,.ncb-down{font-size:0px;display:block;height:10px;background-color:#f4f4f4;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(230,230,230) 50%,rgb(255,255,255) 100%);width:24px;border:1px solid #d1d1d1;cursor:pointer}
.ncb-up{margin-bottom:1px}
.numberControlBox .ncb_ico{display:block;height:10px;background-image:url(../images/iconpic-arrow.png);background-repeat:no-repeat}
.ncb-up .ncb_ico{background-position: -22px center}
.ncb-down .ncb_ico{background-position: 1px center}
.ncb_btn_hover{border:1px solid #9dc7e7;background-color:#dff2fc;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(210,237,250) 50%,rgb(255,255,255) 100%)}
.ncb_btn_selected{border:1px solid #6198c2;background-color:#aee1fb;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(174,225,251) 50%,rgb(255,255,255) 100%)}
.input-text[type="number"]{width:80px}
/*3.4.5 spinner 控件*/
.spinner{display:block;overflow:hidden;width:100px; position:relative; padding-left:29px; padding-right:29px;}
.spinner .input-text{height:30px; text-align:center; width:100%}
.spinner a{display:inline-block; position:absolute;top:0; bottom:0; height:28px;line-height:28px;width:28px;cursor:pointer;outline:0; text-decoration:none;text-align:center;font-size:16px;border:1px solid #ddd;background-color:#f7f7f7;}
.spinner a:hover{ text-decoration:none}
.spinner a i{ font-style:normal;}
.spinner a.subtract{ left:0}
.spinner a.add{ right:0}
.spinner a.add.disabled,
.spinner a.subtract.disabled{ color:#999; cursor:not-allowed}
/*3.4.6 邮箱提示*/
.emailSug-wrapper {position: absolute;background: #fff;text-align: left;z-index: 99}
.emailSug-wrapper .emailSug-list .emailSug-item {font-size: 14px;height: 25px;line-height: 25px;padding-left: 10px;color: #333}
.emailSug-wrapper .emailSug-list .emailSug-item.active {background: #5a98de;cursor: pointer;color: #fff}
/*3.4.7 表单布局*/
label,.placeholder{font-size:14px}
.form legend{font-size:20px}/*表单名称*/
.form .row{margin-top:15px}/*表单行*/
.form-label{display:block; color:#555}/*表单标题*/
.formControls{position:relative}/*表单控制区*/
.formControls > *{vertical-align:middle}
.placeholder{position:absolute; left:4px; top:4px;color:#c6c6c6; cursor:text}/*表单默认值*/
.form-horizontal .form-label{margin-top:3px;cursor:text;text-align:right}
.form-horizontal .Validform_checktip{ margin-top:5px}
/*设置placeholder颜色*/
::-webkit-input-placeholder {color:#b3b3b3}/* WebKit browsers */
:-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b3b3b3}/* Internet Explorer 10+ */
.placeholder{color:#adb0be; position:absolute; z-index:9}/*不兼容placeholder属性的浏览器，可使用表单默认值*/
@media (max-width: 767px) {
.form-horizontal .form-label{ text-align:left}
}
/*3.4.8 表单验证*/
/*文本框的错误状态*/
.Validform_error,input.error,select.error,textarea.error{background-color:#fbe2e2; border-color:#c66161; color:#c00}
.Validform_wrong,.Validform_right,.Validform_warning{display:inline-block;height:20px;font-size:12px;vertical-align:middle; padding-left:25px}
/*错误*/
.Validform_wrong{background:url(../images/iconpic-error.png) no-repeat 0 center;color:#ef392b}
/*正确*/
.Validform_right{background:url(../images/iconpic-right.png) no-repeat 0 center}
/*警告*/
.Validform_warning{background:url(../images/iconpic-warning.png) no-repeat 0 center;color:#777}
label.error{ position: absolute; right: 18px; top: 5px;color:#ef392b; font-size: 12px}
.check-box label.error,
.radio-box label.error{ right:auto; width:150px; left:210px;top:-2px}
/*密码等级*/.input-text,.btn,.input-text.size-M,.btn.size-M{ font-size:14px; height:31px;*height:auto;line-height:1.42857;padding:4px}/*默认为M，可以不写，可以理解为：均码*/
.passwordStrength b{font-weight:400}
.passwordStrength b,.passwordStrength span{display:inline-block; vertical-align:middle;line-height:16px;line-height:18px\9;height:16px}
.passwordStrength span{width:57px;text-align:center;background-color:#d0d0d0; border-right:1px solid #fff}
.passwordStrength .last{border-right:none}
.passwordStrength .bgStrength{color:#fff;background-color:#fcc900}
/*Validform对话框*/
#Validform_msg{font-size:14px;width:300px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1}
#Validform_msg .Validform_title{font-size:20px; padding:10px;text-align:left;color:#fff; position:relative; background-color:#fcc900}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{position:absolute; right:8px; top:6px; color:#fff; text-decoration:none; font-family:Verdana}
#Validform_msg a.Validform_close:hover{color:#fff}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left}
@media (max-width: 767px) {
.responsive .Validform_checktip{margin-top:10px}
}
.input-text,.btn,.input-text.size-M,.btn.size-M{ font-size:14px; height:31px;*height:auto;line-height:1.42857;padding:4px}/*默认为M，可以不写，可以理解为：均码*/
/* 图片效果
![]()
img-responsive 响应式 .radius 圆角图片 .round 圆形图片 .thumbnail 缩略图
*/
.img-responsive{display:inline-block;max-width:100%;height:auto;}
.img-100{width: 100%;}
.thumbnail{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
/*选项卡
Name: module_slider
Sample:
选项卡一选项卡二自适应宽度
内容一
内容二
内容三
*/
/*.tabBar {border-bottom: 2px solid #222}
.tabBar span {background-color: #e8e8e8;cursor: pointer;display: inline-block;float: left;
font-weight: bold;height: 30px;line-height: 30px;padding: 0 15px}
.tabBar span.current{background-color: #222;color: #fff}
.tabCon {display: none}
*/
.color-wt{ color: #fff; }
@font-face {
font-family:'FontAwesome';src:url('https://libs.baidu.com/fontawesome/4.1.0/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal
}[class*='icon-']:before {
display: inline-block;
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
vertical-align: baseline;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-glass:before {
content: "\f000"
}
.icon-music:before {
content: "\f001"
}
.icon-search:before {
content: "\f002"
}
.icon-envelope-o:before {
content: "\f003"
}
.icon-heart:before {
content: "\f004"
}
.icon-star:before {
content: "\f005"
}
.icon-star-o:before {
content: "\f006"
}
.icon-user:before {
content: "\f007"
}
.icon-film:before {
content: "\f008"
}
.icon-th-large:before {
content: "\f009"
}
.icon-th:before {
content: "\f00a"
}
.icon-th-list:before {
content: "\f00b"
}
.icon-check:before {
content: "\f00c"
}
.icon-times:before {
content: "\f00d"
}
.icon-search-plus:before {
content: "\f00e"
}
.icon-search-minus:before {
content: "\f010"
}
.icon-power-off:before {
content: "\f011"
}
.icon-signal:before {
content: "\f012"
}
.icon-gear:before,.icon-cog:before {
content: "\f013"
}
.icon-trash-o:before {
content: "\f014"
}
.icon-home:before {
content: "\f015"
}
.icon-file-o:before {
content: "\f016"
}
.icon-clock-o:before {
content: "\f017"
}
.icon-road:before {
content: "\f018"
}
.icon-download:before {
content: "\f019"
}
.icon-arrow-circle-o-down:before {
content: "\f01a"
}
.icon-arrow-circle-o-up:before {
content: "\f01b"
}
.icon-inbox:before {
content: "\f01c"
}
.icon-play-circle-o:before {
content: "\f01d"
}
.icon-rotate-right:before,.icon-repeat:before {
content: "\f01e"
}
.icon-refresh:before {
content: "\f021"
}
.icon-list-alt:before {
content: "\f022"
}
.icon-lock:before {
content: "\f023"
}
.icon-flag:before {
content: "\f024"
}
.icon-headphones:before {
content: "\f025"
}
.icon-volume-off:before {
content: "\f026"
}
.icon-volume-down:before {
content: "\f027"
}
.icon-volume-up:before {
content: "\f028"
}
.icon-qrcode:before {
content: "\f029"
}
.icon-barcode:before {
content: "\f02a"
}
.icon-tag:before {
content: "\f02b"
}
.icon-tags:before {
content: "\f02c"
}
.icon-book:before {
content: "\f02d"
}
.icon-bookmark:before {
content: "\f02e"
}
.icon-print:before {
content: "\f02f"
}
.icon-camera:before {
content: "\f030"
}
.icon-font:before {
content: "\f031"
}
.icon-bold:before {
content: "\f032"
}
.icon-italic:before {
content: "\f033"
}
.icon-text-height:before {
content: "\f034"
}
.icon-text-width:before {
content: "\f035"
}
.icon-align-left:before {
content: "\f036"
}
.icon-align-center:before {
content: "\f037"
}
.icon-align-right:before {
content: "\f038"
}
.icon-align-justify:before {
content: "\f039"
}
.icon-list:before {
content: "\f03a"
}
.icon-dedent:before,.icon-outdent:before {
content: "\f03b"
}
.icon-indent:before {
content: "\f03c"
}
.icon-video-camera:before {
content: "\f03d"
}
.icon-photo:before,.icon-image:before,.icon-picture-o:before {
content: "\f03e"
}
.icon-pencil:before {
content: "\f040"
}
.icon-map-marker:before {
content: "\f041"
}
.icon-adjust:before {
content: "\f042"
}
.icon-tint:before {
content: "\f043"
}
.icon-edit:before,.icon-pencil-square-o:before {
content: "\f044"
}
.icon-share-square-o:before {
content: "\f045"
}
.icon-check-square-o:before {
content: "\f046"
}
.icon-arrows:before {
content: "\f047"
}
.icon-step-backward:before {
content: "\f048"
}
.icon-fast-backward:before {
content: "\f049"
}
.icon-backward:before {
content: "\f04a"
}
.icon-play:before {
content: "\f04b"
}
.icon-pause:before {
content: "\f04c"
}
.icon-stop:before {
content: "\f04d"
}
.icon-forward:before {
content: "\f04e"
}
.icon-fast-forward:before {
content: "\f050"
}
.icon-step-forward:before {
content: "\f051"
}
.icon-eject:before {
content: "\f052"
}
.icon-chevron-left:before {
content: "\f053"
}
.icon-chevron-right:before {
content: "\f054"
}
.icon-plus-circle:before {
content: "\f055"
}
.icon-minus-circle:before {
content: "\f056"
}
.icon-times-circle:before {
content: "\f057"
}
.icon-check-circle:before {
content: "\f058"
}
.icon-question-circle:before {
content: "\f059"
}
.icon-info-circle:before {
content: "\f05a"
}
.icon-crosshairs:before {
content: "\f05b"
}
.icon-times-circle-o:before {
content: "\f05c"
}
.icon-check-circle-o:before {
content: "\f05d"
}
.icon-ban:before {
content: "\f05e"
}
.icon-arrow-left:before {
content: "\f060"
}
.icon-arrow-right:before {
content: "\f061"
}
.icon-arrow-up:before {
content: "\f062"
}
.icon-arrow-down:before {
content: "\f063"
}
.icon-mail-forward:before,.icon-share:before {
content: "\f064"
}
.icon-expand:before {
content: "\f065"
}
.icon-compress:before {
content: "\f066"
}
.icon-plus:before {
content: "\f067"
}
.icon-minus:before {
content: "\f068"
}
.icon-asterisk:before {
content: "\f069"
}
.icon-exclamation-circle:before {
content: "\f06a"
}
.icon-gift:before {
content: "\f06b"
}
.icon-leaf:before {
content: "\f06c"
}
.icon-fire:before {
content: "\f06d"
}
.icon-eye:before {
content: "\f06e"
}
.icon-eye-slash:before {
content: "\f070"
}
.icon-warning:before,.icon-exclamation-triangle:before {
content: "\f071"
}
.icon-plane:before {
content: "\f072"
}
.icon-calendar:before {
content: "\f073"
}
.icon-random:before {
content: "\f074"
}
.icon-comment:before {
content: "\f075"
}
.icon-magnet:before {
content: "\f076"
}
.icon-chevron-up:before {
content: "\f077"
}
.icon-chevron-down:before {
content: "\f078"
}
.icon-retweet:before {
content: "\f079"
}
.icon-shopping-cart:before {
content: "\f07a"
}
.icon-folder:before {
content: "\f07b"
}
.icon-folder-open:before {
content: "\f07c"
}
.icon-arrows-v:before {
content: "\f07d"
}
.icon-arrows-h:before {
content: "\f07e"
}
.icon-bar-chart-o:before {
content: "\f080"
}
.icon-twitter-square:before {
content: "\f081"
}
.icon-facebook-square:before {
content: "\f082"
}
.icon-camera-retro:before {
content: "\f083"
}
.icon-key:before {
content: "\f084"
}
.icon-gears:before,.icon-cogs:before {
content: "\f085"
}
.icon-comments:before {
content: "\f086"
}
.icon-thumbs-o-up:before {
content: "\f087"
}
.icon-thumbs-o-down:before {
content: "\f088"
}
.icon-star-half:before {
content: "\f089"
}
.icon-heart-o:before {
content: "\f08a"
}
.icon-sign-out:before {
content: "\f08b"
}
.icon-linkedin-square:before {
content: "\f08c"
}
.icon-thumb-tack:before {
content: "\f08d"
}
.icon-external-link:before {
content: "\f08e"
}
.icon-sign-in:before {
content: "\f090"
}
.icon-trophy:before {
content: "\f091"
}
.icon-github-square:before {
content: "\f092"
}
.icon-upload:before {
content: "\f093"
}
.icon-lemon-o:before {
content: "\f094"
}
.icon-phone:before {
content: "\f095"
}
.icon-square-o:before {
content: "\f096"
}
.icon-bookmark-o:before {
content: "\f097"
}
.icon-phone-square:before {
content: "\f098"
}
.icon-twitter:before {
content: "\f099"
}
.icon-facebook:before {
content: "\f09a"
}
.icon-github:before {
content: "\f09b"
}
.icon-unlock:before {
content: "\f09c"
}
.icon-credit-card:before {
content: "\f09d"
}
.icon-rss:before {
content: "\f09e"
}
.icon-hdd-o:before {
content: "\f0a0"
}
.icon-bullhorn:before {
content: "\f0a1"
}
.icon-bell:before {
content: "\f0f3"
}
.icon-certificate:before {
content: "\f0a3"
}
.icon-hand-o-right:before {
content: "\f0a4"
}
.icon-hand-o-left:before {
content: "\f0a5"
}
.icon-hand-o-up:before {
content: "\f0a6"
}
.icon-hand-o-down:before {
content: "\f0a7"
}
.icon-arrow-circle-left:before {
content: "\f0a8"
}
.icon-arrow-circle-right:before {
content: "\f0a9"
}
.icon-arrow-circle-up:before {
content: "\f0aa"
}
.icon-arrow-circle-down:before {
content: "\f0ab"
}
.icon-globe:before {
content: "\f0ac"
}
.icon-wrench:before {
content: "\f0ad"
}
.icon-tasks:before {
content: "\f0ae"
}
.icon-filter:before {
content: "\f0b0"
}
.icon-briefcase:before {
content: "\f0b1"
}
.icon-arrows-alt:before {
content: "\f0b2"
}
.icon-group:before,.icon-users:before {
content: "\f0c0"
}
.icon-chain:before,.icon-link:before {
content: "\f0c1"
}
.icon-cloud:before {
content: "\f0c2"
}
.icon-flask:before {
content: "\f0c3"
}
.icon-cut:before,.icon-scissors:before {
content: "\f0c4"
}
.icon-copy:before,.icon-files-o:before {
content: "\f0c5"
}
.icon-paperclip:before {
content: "\f0c6"
}
.icon-save:before,.icon-floppy-o:before {
content: "\f0c7"
}
.icon-square:before {
content: "\f0c8"
}
.icon-navicon:before,.icon-reorder:before,.icon-bars:before {
content: "\f0c9"
}
.icon-list-ul:before {
content: "\f0ca"
}
.icon-list-ol:before {
content: "\f0cb"
}
.icon-strikethrough:before {
content: "\f0cc"
}
.icon-underline:before {
content: "\f0cd"
}
.icon-table:before {
content: "\f0ce"
}
.icon-magic:before {
content: "\f0d0"
}
.icon-truck:before {
content: "\f0d1"
}
.icon-pinterest:before {
content: "\f0d2"
}
.icon-pinterest-square:before {
content: "\f0d3"
}
.icon-google-plus-square:before {
content: "\f0d4"
}
.icon-google-plus:before {
content: "\f0d5"
}
.icon-money:before {
content: "\f0d6"
}
.icon-caret-down:before {
content: "\f0d7"
}
.icon-caret-up:before {
content: "\f0d8"
}
.icon-caret-left:before {
content: "\f0d9"
}
.icon-caret-right:before {
content: "\f0da"
}
.icon-columns:before {
content: "\f0db"
}
.icon-unsorted:before,.icon-sort:before {
content: "\f0dc"
}
.icon-sort-down:before,.icon-sort-desc:before {
content: "\f0dd"
}
.icon-sort-up:before,.icon-sort-asc:before {
content: "\f0de"
}
.icon-envelope:before {
content: "\f0e0"
}
.icon-linkedin:before {
content: "\f0e1"
}
.icon-rotate-left:before,.icon-undo:before {
content: "\f0e2"
}
.icon-legal:before,.icon-gavel:before {
content: "\f0e3"
}
.icon-dashboard:before,.icon-tachometer:before {
content: "\f0e4"
}
.icon-comment-o:before {
content: "\f0e5"
}
.icon-comments-o:before {
content: "\f0e6"
}
.icon-flash:before,.icon-bolt:before {
content: "\f0e7"
}
.icon-sitemap:before {
content: "\f0e8"
}
.icon-umbrella:before {
content: "\f0e9"
}
.icon-paste:before,.icon-clipboard:before {
content: "\f0ea"
}
.icon-lightbulb-o:before {
content: "\f0eb"
}
.icon-exchange:before {
content: "\f0ec"
}
.icon-cloud-download:before {
content: "\f0ed"
}
.icon-cloud-upload:before {
content: "\f0ee"
}
.icon-user-md:before {
content: "\f0f0"
}
.icon-stethoscope:before {
content: "\f0f1"
}
.icon-suitcase:before {
content: "\f0f2"
}
.icon-bell-o:before {
content: "\f0a2"
}
.icon-coffee:before {
content: "\f0f4"
}
.icon-cutlery:before {
content: "\f0f5"
}
.icon-file-text-o:before {
content: "\f0f6"
}
.icon-building-o:before {
content: "\f0f7"
}
.icon-hospital-o:before {
content: "\f0f8"
}
.icon-ambulance:before {
content: "\f0f9"
}
.icon-medkit:before {
content: "\f0fa"
}
.icon-fighter-jet:before {
content: "\f0fb"
}
.icon-beer:before {
content: "\f0fc"
}
.icon-h-square:before {
content: "\f0fd"
}
.icon-plus-square:before {
content: "\f0fe"
}
.icon-angle-double-left:before {
content: "\f100"
}
.icon-angle-double-right:before {
content: "\f101"
}
.icon-angle-double-up:before {
content: "\f102"
}
.icon-angle-double-down:before {
content: "\f103"
}
.icon-angle-left:before {
content: "\f104"
}
.icon-angle-right:before {
content: "\f105"
}
.icon-angle-up:before {
content: "\f106"
}
.icon-angle-down:before {
content: "\f107"
}
.icon-desktop:before {
content: "\f108"
}
.icon-laptop:before {
content: "\f109"
}
.icon-tablet:before {
content: "\f10a"
}
.icon-mobile-phone:before,.icon-mobile:before {
content: "\f10b"
}
.icon-circle-o:before {
content: "\f10c"
}
.icon-quote-left:before {
content: "\f10d"
}
.icon-quote-right:before {
content: "\f10e"
}
.icon-spinner:before {
content: "\f110"
}
.icon-circle:before {
content: "\f111"
}
.icon-mail-reply:before,.icon-reply:before {
content: "\f112"
}
.icon-github-alt:before {
content: "\f113"
}
.icon-folder-o:before {
content: "\f114"
}
.icon-folder-open-o:before {
content: "\f115"
}
.icon-smile-o:before {
content: "\f118"
}
.icon-frown-o:before {
content: "\f119"
}
.icon-meh-o:before {
content: "\f11a"
}
.icon-gamepad:before {
content: "\f11b"
}
.icon-keyboard-o:before {
content: "\f11c"
}
.icon-flag-o:before {
content: "\f11d"
}
.icon-flag-checkered:before {
content: "\f11e"
}
.icon-terminal:before {
content: "\f120"
}
.icon-code:before {
content: "\f121"
}
.icon-mail-reply-all:before,.icon-reply-all:before {
content: "\f122"
}
.icon-star-half-empty:before,.icon-star-half-full:before,.icon-star-half-o:before {
content: "\f123"
}
.icon-location-arrow:before {
content: "\f124"
}
.icon-crop:before {
content: "\f125"
}
.icon-code-fork:before {
content: "\f126"
}
.icon-unlink:before,.icon-chain-broken:before {
content: "\f127"
}
.icon-question:before {
content: "\f128"
}
.icon-info:before {
content: "\f129"
}
.icon-exclamation:before {
content: "\f12a"
}
.icon-superscript:before {
content: "\f12b"
}
.icon-subscript:before {
content: "\f12c"
}
.icon-eraser:before {
content: "\f12d"
}
.icon-puzzle-piece:before {
content: "\f12e"
}
.icon-microphone:before {
content: "\f130"
}
.icon-microphone-slash:before {
content: "\f131"
}
.icon-shield:before {
content: "\f132"
}
.icon-calendar-o:before {
content: "\f133"
}
.icon-fire-extinguisher:before {
content: "\f134"
}
.icon-rocket:before {
content: "\f135"
}
.icon-maxcdn:before {
content: "\f136"
}
.icon-chevron-circle-left:before {
content: "\f137"
}
.icon-chevron-circle-right:before {
content: "\f138"
}
.icon-chevron-circle-up:before {
content: "\f139"
}
.icon-chevron-circle-down:before {
content: "\f13a"
}
.icon-html5:before {
content: "\f13b"
}
.icon-css3:before {
content: "\f13c"
}
.icon-anchor:before {
content: "\f13d"
}
.icon-unlock-alt:before {
content: "\f13e"
}
.icon-bullseye:before {
content: "\f140"
}
.icon-ellipsis-h:before {
content: "\f141"
}
.icon-ellipsis-v:before {
content: "\f142"
}
.icon-rss-square:before {
content: "\f143"
}
.icon-play-circle:before {
content: "\f144"
}
.icon-ticket:before {
content: "\f145"
}
.icon-minus-square:before {
content: "\f146"
}
.icon-minus-square-o:before {
content: "\f147"
}
.icon-level-up:before {
content: "\f148"
}
.icon-level-down:before {
content: "\f149"
}
.icon-check-square:before {
content: "\f14a"
}
.icon-pencil-square:before {
content: "\f14b"
}
.icon-external-link-square:before {
content: "\f14c"
}
.icon-share-square:before {
content: "\f14d"
}
.icon-compass:before {
content: "\f14e"
}
.icon-toggle-down:before,.icon-caret-square-o-down:before {
content: "\f150"
}
.icon-toggle-up:before,.icon-caret-square-o-up:before {
content: "\f151"
}
.icon-toggle-right:before,.icon-caret-square-o-right:before {
content: "\f152"
}
.icon-euro:before,.icon-eur:before {
content: "\f153"
}
.icon-gbp:before {
content: "\f154"
}
.icon-dollar:before,.icon-usd:before {
content: "\f155"
}
.icon-rupee:before,.icon-inr:before {
content: "\f156"
}
.icon-cny:before,.icon-rmb:before,.icon-yen:before,.icon-jpy:before {
content: "\f157"
}
.icon-ruble:before,.icon-rouble:before,.icon-rub:before {
content: "\f158"
}
.icon-won:before,.icon-krw:before {
content: "\f159"
}
.icon-bitcoin:before,.icon-btc:before {
content: "\f15a"
}
.icon-file:before {
content: "\f15b"
}
.icon-file-text:before {
content: "\f15c"
}
.icon-sort-alpha-asc:before {
content: "\f15d"
}
.icon-sort-alpha-desc:before {
content: "\f15e"
}
.icon-sort-amount-asc:before {
content: "\f160"
}
.icon-sort-amount-desc:before {
content: "\f161"
}
.icon-sort-numeric-asc:before {
content: "\f162"
}
.icon-sort-numeric-desc:before {
content: "\f163"
}
.icon-thumbs-up:before {
content: "\f164"
}
.icon-thumbs-down:before {
content: "\f165"
}
.icon-youtube-square:before {
content: "\f166"
}
.icon-youtube:before {
content: "\f167"
}
.icon-xing:before {
content: "\f168"
}
.icon-xing-square:before {
content: "\f169"
}
.icon-youtube-play:before {
content: "\f16a"
}
.icon-dropbox:before {
content: "\f16b"
}
.icon-stack-overflow:before {
content: "\f16c"
}
.icon-instagram:before {
content: "\f16d"
}
.icon-flickr:before {
content: "\f16e"
}
.icon-adn:before {
content: "\f170"
}
.icon-bitbucket:before {
content: "\f171"
}
.icon-bitbucket-square:before {
content: "\f172"
}
.icon-tumblr:before {
content: "\f173"
}
.icon-tumblr-square:before {
content: "\f174"
}
.icon-long-arrow-down:before {
content: "\f175"
}
.icon-long-arrow-up:before {
content: "\f176"
}
.icon-long-arrow-left:before {
content: "\f177"
}
.icon-long-arrow-right:before {
content: "\f178"
}
.icon-apple:before {
content: "\f179"
}
.icon-windows:before {
content: "\f17a"
}
.icon-android:before {
content: "\f17b"
}
.icon-linux:before {
content: "\f17c"
}
.icon-dribbble:before {
content: "\f17d"
}
.icon-skype:before {
content: "\f17e"
}
.icon-foursquare:before {
content: "\f180"
}
.icon-trello:before {
content: "\f181"
}
.icon-female:before {
content: "\f182"
}
.icon-male:before {
content: "\f183"
}
.icon-gittip:before {
content: "\f184"
}
.icon-sun-o:before {
content: "\f185"
}
.icon-moon-o:before {
content: "\f186"
}
.icon-archive:before {
content: "\f187"
}
.icon-bug:before {
content: "\f188"
}
.icon-vk:before {
content: "\f189"
}
.icon-weibo:before {
content: "\f18a"
}
.icon-renren:before {
content: "\f18b"
}
.icon-pagelines:before {
content: "\f18c"
}
.icon-stack-exchange:before {
content: "\f18d"
}
.icon-arrow-circle-o-right:before {
content: "\f18e"
}
.icon-arrow-circle-o-left:before {
content: "\f190"
}
.icon-toggle-left:before,.icon-caret-square-o-left:before {
content: "\f191"
}
.icon-dot-circle-o:before {
content: "\f192"
}
.icon-wheelchair:before {
content: "\f193"
}
.icon-vimeo-square:before {
content: "\f194"
}
.icon-turkish-lira:before,.icon-try:before {
content: "\f195"
}
.icon-plus-square-o:before {
content: "\f196"
}
.icon-space-shuttle:before {
content: "\f197"
}
.icon-slack:before {
content: "\f198"
}
.icon-envelope-square:before {
content: "\f199"
}
.icon-wordpress:before {
content: "\f19a"
}
.icon-openid:before {
content: "\f19b"
}
.icon-institution:before,.icon-bank:before,.icon-university:before {
content: "\f19c"
}
.icon-mortar-board:before,.icon-graduation-cap:before {
content: "\f19d"
}
.icon-yahoo:before {
content: "\f19e"
}
.icon-google:before {
content: "\f1a0"
}
.icon-reddit:before {
content: "\f1a1"
}
.icon-reddit-square:before {
content: "\f1a2"
}
.icon-stumbleupon-circle:before {
content: "\f1a3"
}
.icon-stumbleupon:before {
content: "\f1a4"
}
.icon-delicious:before {
content: "\f1a5"
}
.icon-digg:before {
content: "\f1a6"
}
.icon-pied-piper-square:before,.icon-pied-piper:before {
content: "\f1a7"
}
.icon-pied-piper-alt:before {
content: "\f1a8"
}
.icon-drupal:before {
content: "\f1a9"
}
.icon-joomla:before {
content: "\f1aa"
}
.icon-language:before {
content: "\f1ab"
}
.icon-fax:before {
content: "\f1ac"
}
.icon-building:before {
content: "\f1ad"
}
.icon-child:before {
content: "\f1ae"
}
.icon-paw:before {
content: "\f1b0"
}
.icon-spoon:before {
content: "\f1b1"
}
.icon-cube:before {
content: "\f1b2"
}
.icon-cubes:before {
content: "\f1b3"
}
.icon-behance:before {
content: "\f1b4"
}
.icon-behance-square:before {
content: "\f1b5"
}
.icon-steam:before {
content: "\f1b6"
}
.icon-steam-square:before {
content: "\f1b7"
}
.icon-recycle:before {
content: "\f1b8"
}
.icon-automobile:before,.icon-car:before {
content: "\f1b9"
}
.icon-cab:before,.icon-taxi:before {
content: "\f1ba"
}
.icon-tree:before {
content: "\f1bb"
}
.icon-spotify:before {
content: "\f1bc"
}
.icon-deviantart:before {
content: "\f1bd"
}
.icon-soundcloud:before {
content: "\f1be"
}
.icon-database:before {
content: "\f1c0"
}
.icon-file-pdf-o:before {
content: "\f1c1"
}
.icon-file-word-o:before {
content: "\f1c2"
}
.icon-file-excel-o:before {
content: "\f1c3"
}
.icon-file-powerpoint-o:before {
content: "\f1c4"
}
.icon-file-photo-o:before,.icon-file-picture-o:before,.icon-file-image-o:before {
content: "\f1c5"
}
.icon-file-zip-o:before,.icon-file-archive-o:before {
content: "\f1c6"
}
.icon-file-sound-o:before,.icon-file-audio-o:before {
content: "\f1c7"
}
.icon-file-movie-o:before,.icon-file-video-o:before {
content: "\f1c8"
}
.icon-file-code-o:before {
content: "\f1c9"
}
.icon-vine:before {
content: "\f1ca"
}
.icon-codepen:before {
content: "\f1cb"
}
.icon-jsfiddle:before {
content: "\f1cc"
}
.icon-life-bouy:before,.icon-life-saver:before,.icon-support:before,.icon-life-ring:before {
content: "\f1cd"
}
.icon-circle-o-notch:before {
content: "\f1ce"
}
.icon-ra:before,.icon-rebel:before {
content: "\f1d0"
}
.icon-ge:before,.icon-empire:before {
content: "\f1d1"
}
.icon-git-square:before {
content: "\f1d2"
}
.icon-git:before {
content: "\f1d3"
}
.icon-hacker-news:before {
content: "\f1d4"
}
.icon-tencent-weibo:before {
content: "\f1d5"
}
.icon-qq:before {
content: "\f1d6"
}
.icon-wechat:before,.icon-weixin:before {
content: "\f1d7"
}
.icon-send:before,.icon-paper-plane:before {
content: "\f1d8"
}
.icon-send-o:before,.icon-paper-plane-o:before {
content: "\f1d9"
}
.icon-history:before {
content: "\f1da"
}
.icon-circle-thin:before {
content: "\f1db"
}
.icon-header:before {
content: "\f1dc"
}
.icon-paragraph:before {
content: "\f1dd"
}
.icon-sliders:before {
content: "\f1de"
}
.icon-share-alt:before {
content: "\f1e0"
}
.icon-share-alt-square:before {
content: "\f1e1"
}
.icon-bomb:before {
content: "\f1e2"
}
.close {
display: inline-block;
font-size: 24px;
cursor: pointer;
line-height: 24px
}
.close:before {
content: "\00d7"
}
.fadein,.fadein-top,.fadein-right,.fadein-bottom,.fadein-left,.bouncein,.rotatein {
-webkit-animation: 1s ease-out backwards;
-moz-animation: 1s ease-out backwards;
-ms-animation: 1s ease-out backwards;
animation: 1s ease-out backwards
}
.fadeout,.fadeout-top,.fadeout-right,.fadeout-bottom,.fadeout-left,.bounceout,.rotateout {
-webkit-animation: 1s ease-in forwards;
-moz-animation: 1s ease-in forwards;
-ms-animation: 1s ease-in forwards;
animation: 1s ease-in forwards
}
.rotate,.rotate-hover {
-webkit-animation: 2s infinite linear;
-moz-animation: 2s infinite linear;
-ms-animation: 2s infinite linear;
animation: 2s infinite linear;
display: inline-block
}
.fadein {
-webkit-animation-name: a-fadein;
-moz-animation-name: a-fadein;
-ms-animation-name: a-fadein;
animation-name: a-fadein
}
@-webkit-keyframes a-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes a-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes a-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes a-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadein-top {
-webkit-animation-name: fadeinT;
-moz-animation-name: fadeinT;
-ms-animation-name: fadeinT;
animation-name: fadeinT
}
@-webkit-keyframes fadeinT {
0% {
opacity: 0;
-webkit-transform: translateY(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeinT {
0% {
opacity: 0;
-moz-transform: translateY(-50px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-ms-keyframes fadeinT {
0% {
opacity: 0;
-ms-transform: translateY(-50px)
}
100% {
opacity: 1;
-ms-transform: translateY(0)
}
}
@keyframes fadeinT {
0% {
opacity: 0;
transform: translateY(-50px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadein-right {
-webkit-animation-name: fadeinR;
-moz-animation-name: fadeinR;
-ms-animation-name: fadeinR;
animation-name: fadeinR
}
@-webkit-keyframes fadeinR {
0% {
opacity: 0;
-webkit-transform: translateX(50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeinR {
0% {
opacity: 0;
-moz-transform: translateX(50px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-ms-keyframes fadeinR {
0% {
opacity: 0;
-ms-transform: translateX(50px)
}
100% {
opacity: 1;
-ms-transform: translateX(0)
}
}
@keyframes fadeinR {
0% {
opacity: 0;
transform: translateX(50px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadein-bottom {
-webkit-animation-name: fadeinB;
-moz-animation-name: fadeinB;
-ms-animation-name: fadeinB;
animation-name: fadeinB
}
@-webkit-keyframes fadeinB {
0% {
opacity: 0;
-webkit-transform: translateY(50px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes fadeinB {
0% {
opacity: 0;
-moz-transform: translateY(50px)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@-ms-keyframes fadeinB {
0% {
opacity: 0;
-ms-transform: translateY(50px)
}
100% {
opacity: 1;
-ms-transform: translateY(0)
}
}
@keyframes fadeinB {
0% {
opacity: 0;
transform: translateY(50px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
.fadein-left {
-webkit-animation-name: fadeinL;
-moz-animation-name: fadeinL;
-ms-animation-name: fadeinL;
animation-name: fadeinL
}
@-webkit-keyframes fadeinL {
0% {
opacity: 0;
-webkit-transform: translateX(-50px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes fadeinL {
0% {
opacity: 0;
-moz-transform: translateX(-50px)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@-ms-keyframes fadeinL {
0% {
opacity: 0;
-ms-transform: translateX(-50px)
}
100% {
opacity: 1;
-ms-transform: translateX(0)
}
}
@keyframes fadeinL {
0% {
opacity: 0;
transform: translateX(-50px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}